<template>
  <div class="page-container">
    <page-header/>
    <div class="body-container">
      <div class="bgImg-container">
        <img  v-lazy="bgImg"/>
      </div>
      <div class="title-container">
          <div class="title-type">HTML:</div>
          <div class="title-title">把这个gitee的字变成白色的，里面的字要求hewo得一直啊啊啊啊啊啊啊啊啊啊啊啊啊</div>
          <div>
            编辑日期:2020-13-13 19:55:33
          </div>
      </div>
      <div class="content-container">
        <h1><b>一.原型</b></h1><h2><a></a><b>(1).原型知识拓展</b><br><p>1.我们需要牢记两点</p><p><a></a>(1).__proto__ 和constructor属性是<strong>对象</strong>所独有的；</p><p><a></a>(2).prototype属性是<strong>函数</strong>所独有的；因为函数也是一种对象，所以也拥有__proto__和constructor属性</p><p><a></a>2.__proto__属性的作用就是当访问一个对象的属性时，如果该对象内部不存在这个属性，,那么就会去它的__proto__属性所指向的那个对象(父对象)里找，直到找到__proto__属性的终点<strong>null,</strong>再往上找就相当于在null上取值，会报错。通过__proto__属性将对象连接起来的这条链路即我们所谓的<strong>原型链</strong></p><p><a></a>3.prototype属性的<strong>作用</strong>就是让该函数所实例化的对象们都可以找到公有的属性和方法，即f1.__proto__ === Foo.prototype</p><p><a></a>4.constructor属性的含义就是<strong>指向该对象的构造函数</strong>，所有函数最终的构造函数都指向<strong>Function<br></strong></p></h2><h2><b>(2).原型改变</b></h2><h2><p><a></a>.__protorype__这种方式非常影响性能，建议采用下方get set<br></p></h2><h2><b>(3).Object.setPrototypeOf/Object.getPrototypeOf</b></h2><h2><p><a></a>Object.setPrototypeOf()写的操作</p><p><a></a>Object.getPrototypeOf()读取操作</p><p><a></a>第一个参数就是指定原型，第二个是指定要改变的对象<br><br></p></h2>
      </div>
      <div class="taget-left">
        <img :src="targetLeft"/>
      </div>
      <div class="taget-left">
        <img :src="targetRight"/>
      </div>
    </div>
    <page-footer/>
  </div>
</template>

<script>
import Header from '@/components/header'
import Footer from '@/components/footer'
import GoTop from '@inotom/vue-go-top'
import ApiService from '@/service/index'
import { formtTime } from '@/utils/tools'
import { NAV,IMG_URL,ESSAY_BANNER } from '@/config/config'
export default {
  name:'EssayViews',
  components:{
    PageHeader: Header,
    PageFooter: Footer,
    GoTop
  },
  data(){
    return{
      bgImg:ESSAY_BANNER,
      targetLeft:IMG_URL+'target-left.png',
      targetRight:IMG_URL+'target-right.png'
    }
  }
}
</script>
<style lang="scss" scoped>
$theme:#f2db4d;
.body-container{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
</style>